<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>账户安全</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body class="safe">
<div class="header">
    <p id="top">
        <span class="left">亲，<a href="#">请注册</a>&nbsp;&nbsp;<a href="#">免费注册</a></span>
        <span class="right">
                      <a href="index.html">商城首页</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/个人中心 - 选中.png" height="12" width="12"/>
            <a href="information.html">个人中心</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/购物车.png" height="12" width="12"/>
            <a href="cart.html">购物车0</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/收 藏.png" height="12" width="12"/>
            <a href="collection.html">收藏夹</a>
            </span>
    </p>
    <div id="se">
        <img src="img/information/logo1.png" height="87" width="166" id="logo"/>
        <div id="serach_f">搜索
            <a href="search.html">
            <div id="serach">
                搜索
            </div>
            </a>
        </div>
    </div>
    <ul class="banner clearfix">
        <div id="kind">
            全部种类
        </div>
        <li><a href="index.html">首页 </a> <span>|</span></li>
        <li><a href="index.html">闪购 </a><span>|</span></li>
        <li><a href="index.html">限时购 </a><span>|</span></li>
        <li><a href="index.html">团购 </a><span>|</span></li>
        <li><a href="index.html">大包装 </a><span>|</span></li>
    </ul>
    <div class="weal">
        <div class="box1">
        </div>
        <div class="box2">
            我的福利&nbsp;>
        </div>
    </div>
</div>
<p class="line"></p>
<div class="main">
    <div class="nav">
        <p class="personal">
            个人中心</p>
        <p id="per">
            个人资料</p>
        <ul >
            <li><a href="information.html">个人信息</a></li>
            <li><a href="safe.html" class="link">安全设置</a></li>
            <li><a href="address.html">地址管理</a></li>
            <li><a href="pay.html">快捷支付</a></li>
        </ul>

        <p id="deal">
            我的交易</p>
        <ul >
            <li><a href="Orders.html">订单管理</a></li>
            <li><a href="change.html">退款售后</a></li>
            <li><a href="comment.html">评价商品</a></li>
        </ul>
        <p id="rich">
            我的资产</p>
        <ul >
            <li><a href="#">我的积分</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">红包</a></li>
            <li><a href="#">账户余额</a></li>
            <li><a href="#">账单明细</a></li>
        </ul>
        <p id="collect">
            我的收藏</p>
        <ul >
            <li><a href="collection.html">收藏</a></li>
            <li><a href="foot.html">足迹</a></li>
            <li><a href="#">红包</a></li>
        </ul>
        <p id="qq">
            在线客服</p>
        <ul >
            <li><a href="#">商品咨询</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">我的消息</a></li>
        </ul>
    </div>
    <div class="right clearfix">
        <p class="r_p">账户安全/Set Up Safety</p>
        <div class="head clearfix">
            <img src="img/information/头像%20女孩.png"/>
            <div>
                <p class="tx">用户名：叮当</p>
                <p class="tx">账户安全：60分</p>
                <div id="p1">
                    <div id="p2"></div>
                </div>


            </div>
        </div>
        <div class="body">
                <div>
                <p>登录密码</p>
                <p>为保证您的用户安全，建议您定期更改密码以保证您的用户安全</p>
                    <a href="change%20password.html">修改</a>
            </div>
            <div>
           <p>支付密码</p>
            <p>启用支付密码功能，为您资产安全加把锁</p>
                <a href="set.html">立即启用</a>
            </div>
        <div>
            <p>手机验证</p>
            <p>您验证的手机：180********若已丢失或停用，请立即更换</p>
            <a href="bind.html">换绑</a>
        </div>
            <div>
                <p>邮箱认证</p>
                <p>您验证的邮箱:183****@163.com 可用于快速找回登录密码</p>
                <a href="email.html">换绑</a>
            </div>
            <div>
                <p>实名认证</p>
                <p>用于提升账号的安全和信任级别，认证后不能修改认证信息</p>
                <a href="real.html">认证</a>
            </div>
            <div>
                <p>安全问题</p>
                <p>保护账户安全，验证您身份的工具之一</p>
                <a href="safe%20question.html">认证</a>
            </div>
    </div>

    </div>
</div>
<div class="footer">
    <p class="p1"><a href="index.html">WE SHOP</a><span>|</span><a href="index.html">商城首页</a><span>|</span><a href="#">支付宝</a><span>|</span><a href="#">物流</a></p>
    <p class="p2"><a href="#">关于我们</a><a href="#">合作伙伴</a><a href="#">联系我们</a><a href="#">网站地图</a></p></div>
</body>
</html>